<template>
  <div class="zong">
      <div class="find_page">
        <a v-for="docItem in docItemArr" @click="jumpFind(docItem.docId,docItem.picUrl)" style="margin-bottom: 2rem;display: inline-block;">
          <div class="recommend_img">
            <img :src="docItem.picUrl"/>
          </div>
          <div class="item_cont">
            <h3>{{docItem.docTitle}}</h3>
            <p class="doc_cont">{{docItem.docDesc}}</p>
            <div class="find_time">
              <span class="left">{{docItem.crtTime, 2 | strDate}}</span>
              <em class="right iconfont icon-guanzhu">{{docItem.visitCount}}</em>
            </div>
            <div class="clear"></div>
          </div>
        </a>
      </div>
  </div>
</template>
<script>
	import getData from '../../service/getData.js'
  import getData2 from '../../service/getData2.js'
  import * as types from '../../vuex/types'
  import * as types1 from '../../vuex/appendType'
  import {mapState} from 'vuex'
  import {Toast} from 'mint-ui'
  import {Common} from 'src/utils/common.js'
  import {Storage} from 'src/utils/storage.js'
  import {getCode} from 'src/utils/getCode.js'

  export default {
    name: "findDetailMore",
    data() {
      return {
        docItemArr: []
      }
    },
    methods: {
			      jumpFind: function (id, img) {
        this.$router.push({
          'path': '/findDetail',
          query: {
            docId: id,
            img: img
          }
        });
      },
    },
    computed: {},
    async created() {
    	let me=this
      this.$store.commit("WAIT_LOADING", true); // 翻书动画
      await  getData.mchtNo({
        mchtId: me.$route.query.mchtId
      }).then(rep => {
      	this.docItemArr=rep.content.docList
      }); // 增加阅读数

    },
    beforeRouteLeave(to, from, next) {
      next();
    }
  }
</script>
<style scoped="scoped">
	.zong{
		height: 100%;
		background: #f5f5f5;
	}
  .look_shop {
    font-size: 0.85rem
  }
</style>
